


//@media screen and (max-width: 1680px) and (min-width: 1441px) {
//  .video_list {
//    --channel-narrow-items-per-row: 6;
//    --channel-wide-items-per-row: 4;
//  }
//}

//@media screen and (max-width: 1280px) and (min-width: 1025px) {
//  .video_list {
//    --channel-narrow-items-per-row: 5;
//    --channel-wide-items-per-row: 4;
//  }
//}
.video_card{
//width: calc( 100% / var(--channel-narrow-items-per-row) - (((var(--channel-narrow-items-per-row) - 1) * 12px) / (var(--channel-narrow-items-per-row)) + 0.01px) );
  padding: 20px;
}
.video_card:hover{
   transform: scale(1.05);
}

//.video_card:hover{
//  //width: 220px;
//  //height: 300px;
//  border: 1px solid #cccccc;
//}

.video_card img{
  width: 100%;
  height: 100%;
  display: block;
}

.video_title{
  height: 22px;
  font-size: 15px;
  margin-top: 14px;
  color: #1d1d1d;
}
.video_desc{
  line-height: 18px;
  margin-top: 14px;
  font-size: 12px;
  color: #666666;
}

.video_desc{
  line-height: 18px;
  font-size: 12px;
  color: #666666;
}
.video_card .video_text{
  display: grid;
  //grid-template-columns: 40% 60%;
  grid-template-rows: 40% 60%;
}
.container {
  display: grid;
  padding-top: 40px;
}


#root div {
}




.video_player video{
  outline: none;
}




.video_detail_name{
  margin-top: 20px;
  padding-left: 30px;
  font-size: 30px;
  color: #666666;
}

.video_detail_summary{
  margin-top: 20px;
  padding-left: 50px;
  font-size: 15px;
  color: #cccccc;
}


